<template>
    <div class="box">
        <img src="@/img/1.png" width="100%">
        <div class="item">
            <div>
                AI教学平台
            </div>
            <div style="background-color: #233f52;color: white;">
                评价系统
            </div>
            <div>
                课程资源库
            </div>
            <div>
                学习社区
            </div>

        </div>
    </div>
</template>

<style scoped lang="scss">
.box {
    height: 100vh;

    .item {
        display: flex;
        justify-content: space-around;

        >div {
            width: 300px;
            height: 100px;
            margin: 9px 20px;

            font-size: 40px;
            text-align: center;
            line-height: 100px;
            font-weight: 700;
            border: 1px solid #000;
            box-shadow: 0 0 10px #303746;

        }
    }
}
</style>
